<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Title</title>
    <link rel="stylesheet" href="css/8_work.css">
</head>
<body>
  <div class="body">
      <div class="header">
          <p class="header-p">gra<span>V</span>is</p>
          <div class="header-nav">
              <ul>
                  <li>Home</li>
                  <li>About</li>
                  <li>Features</li>
                  <li>Portfolio</li>
                  <li>Pricing</li>
                  <li>Blog</li>
                  <li>Contact</li>
              </ul>
          </div>
      </div>

      <div class="container">
          <div class="inline">
              <h2>HTML5</h2>
              <p>LPL第二赛段组内循环赛第六周的赛程已经结束了。目前排在LPL积分榜前四的战队，分别是TES、AL、BLG、JDG，跟其他登峰组战队已经逐渐拉开了差距。对于排名积分榜前四的战队而言，当务之急就是尽可能保持排名，只有这样，才能获得直接晋级季后赛的资格。因此作为第六周比赛日收官之战的JDG vs TES，双方都是势在必得的，TES如果获胜，将提前锁定季后赛席位，JDG如果获胜，会令LPL积分榜前四的位置变得更加稳固。</p>
              <div class="batten">
                  READ MORE
              </div>
          </div>

          <div class="footer">

              <ul>
                  <li class="float-left">
                      <div class="title">Latest Works</div>
                      <div class="bgc">

                      </div>
                      <h4>Mobile App</h4>
                      <p>Lorem iosum dolor sit ametconsectetur adipisicing elit, sed doeiusmod tempor incididunt utlabore et dolore magna aliqua. Utenim ed minim veniem</p>

                  </li>
                  <li class="float-left">
                      <div class="title"></div>
                      <div class="bgc">

                      </div>
                      <h4>Mobile App</h4>
                      <p>Lorem iosum dolor sit ametconsectetur adipisicing elit, sed doeiusmod tempor incididunt utlabore et dolore magna aliqua. Utenim ed minim veniem</p>

                  </li>
                  <li class="float-left">
                      <div class="title"></div>
                      <div class="bgc">

                      </div>
                      <h4>Mobile App</h4>
                      <p>Lorem iosum dolor sit ametconsectetur adipisicing elit, sed doeiusmod tempor incididunt utlabore et dolore magna aliqua. Utenim ed minim veniem</p>

                  </li>
                  <li class="float-left">
                      <div class="last-title">Why GraVis?</div>
                      <div class="border-a">
                          <ul>
                              <li>Fully responsive so your contentwill always look good on anyscreen size
                                  Awesome sliders give you</li>
                              <li>Awesome sliders give you theopportunity to showcaseimportant content</li>
                              <li>Tested on iPhone and iPad withRetina Display</li>
                              <li>Multiple layout options for homepages, portfolio section & blogsection</li>
                              <li>We offer veny good supportbecause we care about your siteas much as you do</li>
                              <li>Over 400 Icons</li>
                          </ul>
                      </div>
                  </li>
              </ul>

          </div>
      </div>




  </div>

</body>
</html>